<template>
  <div>
    <n-radio-group v-model:value="checkValue" name="radiogroup">
      <n-space>
        <n-radio v-for="view in views" :key="view.value" :value="view.value">
          {{ view.label }}
        </n-radio>
      </n-space>
    </n-radio-group>
    <uuid v-show="checkValue === 'uuid'"></uuid>
    <qrcode v-show="checkValue === 'qrcode'"></qrcode>
    <password v-show="checkValue === 'password'"></password>
    <idCard v-show="checkValue === 'idCard'"></idCard>
    <departureCode v-show="checkValue === 'verficationCode'"></departureCode>
  </div>
</template>

<script setup lang="ts">
import uuid from './uuid/index.vue'
import qrcode from './qrcode/index.vue'
import password from './password/index.vue'
import idCard from './idCard/index.vue'
import departureCode from './departureCode/index.vue'
import { ref } from 'vue'

const checkValue = ref('uuid')
const views = ref([{
  label: 'UUID',
  value: 'uuid'
}, {
  label: '出车验证码生成',
  value: 'verficationCode'
}, {
  label: '二维码',
  value: 'qrcode'
}, {
  label: '随机密码生成',
  value: 'password'
}, {
  label: '随机身份证号生成',
  value: 'idCard'
}])

</script>

<style scoped></style>
